html {
  background:#aaa;
}
body {
  background:#f1f1f1;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  font-style:normal;
  overflow-x:hidden;

}
p{
    font-family:'open sans', "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif;

    line-height: 20px;
}
.clear {
  clear:both !important;
}
img {
  border:0;
  display:block;
}
pre {
  background:rgba(255,255,255,0.1);
  color:#7d1d7d;
  padding:0 1em;
  overflow:auto;
  white-space:pre;
  word-wrap:normal;
  font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  position:relative;
  margin:0 0 1em;
}
pre the.num {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  padding:0 1em;
  color:#999;
  background-color:#eee;
  border-right:2px solid #ccc;
}
pre .bracket {
  color:darkblue;
}
pre .tag,pre .tag .keyword,pre .tag .attribute {
  color:blue;
}
pre .selector {
  color:blue;
}
pre .attribute,pre .regexp {
  color:darkorange;
}
pre .str {
  color:green;
}
pre .tag .str {
  color:brown;
}
pre .keyword {
  color:darkred;
}
pre .comment {
  font-style:italic;
  color:#999;
}
pre .num,pre .hex {
  color:darkviolet;
}
pre .name,pre .important,pre .array {
  color:red;
}
pre .important {
  background-color:yellow;
}
pre .doctype {
  color:magenta;
}
pre .bracket {
  color:darkblue;
}
a {
  outline:none;
}
a:link,a:visited,a:active,a:hover {
  text-decoration:none;
  color:#555;
}
hr {
  border:0 rgba(0,0,0,0.7)solid;
  border-top:1px solid rgba(0,0,0,0.0);
  border-bottom:1px solid rgba(0,0,0,0.7);
  clear:both;
  height:0;
  margin:0;
}
h1 a,h1 a:link,h1 a:visited {
  color:#c6cef7;
}

/* layout */
 
#outer-wrapper,body,html,#content-wrapper,#main,.post-body {
  width:100%;
  margin:0 auto;
  padding:0;
  text-align:left;
}

/* header */
 
#header-wrapper {
  width:100%;
  border:0;
  margin:0 auto;
  padding:0 0 15px;
}
header.header {
  text-align:left;
  height:auto;
  width:100%;
  overflow:hidden;
  display:none;
  background-color:rgba(26,26,26,.5);
  -webkit-box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
}
header.header {
  margin:0 0 60px 0;
}
header.header section.header11 {
  width:1000px;
  margin:0 auto;
}
header.header section.header11 .PageList li.selected a {
  padding:23px 15px 17px 15px;
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04 
    background-color:rgba(255,255,255,0.1);
  border:4px solid rgba(255,255,255,0.03);
  border-top-color:rgba(255,255,255,0.04);
  border-bottom-color:#C6EB04;
  -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 12px rgba(0,0,0,.7);
  box-shadow:0 5px 12px rgba(0,0,0,.7);
}
header.header section.header11 .nav {
  width:100%;
  height:auto;
  overflow:hidden;
  margin-bottom:0;
  padding-bottom:18px;
  padding-top:18px;
  text-align:left;
}
header.header section.header11 .nav li {
  display:inline;
  font-weight:normal;
}
header.header section.header11 .nav a {
  position:relative;
  z-index:999;
  padding:123px 20px 0 20px;
  !important
    color:#444;
    font-size: 15px!important;
  font-family:'Open Sans',arial narrow,arial,sans serif!important;
  font-weight:bold!important;
  text-shadow:none!important;
  text-transform:uppercase;
}

header.header section.header11 .nav a:hover {
  color:#fff;
}

/* xXx */
 
.post img {
  border:none;
}
.post ul,.post ol {
  list-style:none;
}
.post ul li {
  padding-left:5px;
  margin-left:5px;
}
.post ol li {
  padding-left:5px;
  margin-left:10px;
}
.post {
  line-height:20px;
}
.post h3 {
  background:none;
  border:none;
}
li {
  line-height:160%;
}
.post h3 a,.post-footer {
  display:none;
}
div#bawahkoh,.panel,#disqus_thread {
  text-align:left;
}

/*SLIDEOUT*/
#slideout {
  position:fixed;
  top:0;
  left:-360px;
  width:300px;
  height:100%;
  margin-right:50px;
  padding:290px 25px 15px 25px;
  z-index:1000;
  font-size:12px;
  font-weight:normal;
  color:#888;
  line-height:20px;
  background-color:rgba(0,0,0,0.93);
  border-right:1px solid #131313;
}
#article #slideout {
  padding:75px 25px 15px 25px;
}
#slideout .judul-atas-slide {
  margin:10px 0 10px 0;
  font-size:72px;
  color:#ddd;
}
#slideout p.text-slide {
  margin-bottom:2px;
  color:#888;
  text-shadow:#222 0 0 0;
}
#slideout{
  color:#555;
}
#slideout a {
  color:#555;
}
#slideout a:hover {
  color:#676767;
  border-bottom:2px #b0b0b0 solid;
}
.text-meta li {
  padding:2px 1px;
  list-style-type:square;
  border-bottom:1px solid #222;
  font-family:verdana,arial,sans serif!Important;
}
.text-meta li .one-1{

  width:100px!Important;

  background:#151515;

  border-radius:3px;

  margin:0 5px 0 0;

  padding:0 4px;

  color:#444;

}
#article #slideout-holder {
  position:fixed;
  top:25px;
  left:-140px;
  width:130px;
  z-index:1010;
}
#article #slideout-holder li {
  width:35px;
  height:35px;

  float:left;
  list-style-type:none;
  cursor:pointer;
}
#article #slideout-holder li a {
  display:block;
  width:100%;
  height:100%;
  border:0;
}
#article #slideout-holder li a:hover {
  background-position:0 0;
}
#article #slideout-expand {
  display:block;
  background:transparent url(http://2.bp.blogspot.com/-XBYHmmZsoYA/UK6DlKMRnPI/AAAAAAAACrE/toewhAnV338/s1600/slideout-expand.png)no-repeat bottom center;
}
#article #slideout-expand:hover {
  background:transparent url(http://2.bp.blogspot.com/-XBYHmmZsoYA/UK6DlKMRnPI/AAAAAAAACrE/toewhAnV338/s1600/slideout-expand.png)no-repeat top center;
}
#article #slideout-collapse {
  display:none;
  background:transparent url(http://2.bp.blogspot.com/-JhdrVtWgGYk/UK6DaJTO2DI/AAAAAAAACq8/O5ODWYzBiCQ/s1600/slideout-collapse.png)no-repeat bottom center;
}
#article #home {
  margin-left:5px;
  background:transparent url(http://2.bp.blogspot.com/-ExynJlWi9mE/UK6DMSRWonI/AAAAAAAACq0/11NlTKMW5fo/s1600/home-li.png)no-repeat bottom center;
}
#article #home:hover {
  margin-left:5px;
  background:transparent url(http://2.bp.blogspot.com/-ExynJlWi9mE/UK6DMSRWonI/AAAAAAAACq0/11NlTKMW5fo/s1600/home-li.png)no-repeat top center;
}

/*navigasi*/
#article #nav {
  position:fixed;
  bottom:50px;
  left:-140px;
  width:340px;
  height:auto;
  overflow:hidden;
  z-index:1010;
  background-color:transparent;
}
#article #nav li {
  float:left;
  width:35px;
  height:35px;
  overflow:hidden;
  cursor:pointer;
}
#article #nav li a {
  display:block;
  width:35px;
  height:35px;
  border-bottom:0;
}
#article #nav-up,#article #nav-left,#article #nav-dow,#article #nav-right {
  background-image:url(http://4.bp.blogspot.com/-7gB6J5tDtIU/UK6D1bpCoHI/AAAAAAAACrM/XTSzUcjlYvs/s1600/ul-index.png);
}
#article #nav-up {
  margin:0 80px 5px 0;
  background-position:-35px -35px;
}
#article #nav-left {
  background-position:0 -105px;
}
#article #nav-down {
  margin:0 5px 0 0;
  background-position:0 -35px;
}
#article #nav-right {
  margin:0 0 0 8px;
  background-position:-35px -105px;
}
#article #nav-up:hover {
  background-position:-35px 0;
}
#article #nav-left:hover {
  background-position:0 -70px;
}
#article #nav-down:hover {
  background-position:0 0;
}
#article #nav-right:hover {
  background-position:-35px -70px;
}

/* toggle jquery */
 
#toggle-container {
  display:block;
  width:100%;
  text-align:left;
  padding:1px 10px !important;
  margin:71px 0 0 0 !important;
  background:rgba(0,0,0,0.7);
  border-top:1px solid rgba(0,0,0,0.7);
}
.footer-width {
  max-width:1040px;
  margin:0 auto;
}
#toggle-container a {
  font-size:12px;
  font-family:'Open Sans',arial narrow,arial,sans serif!important;
  font-weight:bold!important;
  color:rgba(255,255,255,0.5);
  outline:0 none;
  position:relative;
  z-index:999;
}
#blog-pager {
  width:400px;
  float:right;
  padding:0 !important;
  margin:0 !important;
  color:rgba(255,255,255,0.5);
}
#blog-pager a {
  font-size:12px!important;
  color:rgba(255,255,255,0.5);
}
li#blog-pager-newer-link {
  padding:0 40px;
  ;
  border-left:1px solid rgba(255,255,255,0.1);
}
li#blog-pager-older-link {
  padding:0 40px;
  border-left:1px solid rgba(255,255,255,0.1);
}
li.judul-posting a {
  font-size:25px !important;
  font-family:'Raleway','arial narrow','arial',sans serif;
  color:rgba(255,255,255,0.5);
  text-transform:uppercase;
  line-height:44px!important;
}
li.judul-posting:before {
  content:"\2729";
  width:1em;
  float:left;
  text-align:center;
  font-size:1.5em;
}
#toggle-container li {
  float:left;
  height:50px;
  display:inline;
  line-height:50px;
}
li.home-link {
  width:140px;
  font-size:12px!important;
  border-left:1px solid rgba(255,255,255,0.1);
  padding-left:20px;
}
li#blog-pager-newer-link a:before {
  content:"\00ab";
  position:absolute !important;
  margin:-3px 0 0 -26px !important;
  font-size:25px !important;
}
li#blog-pager-older-link a:after {
  content:"\00bb";
  position:absolute !important;
  margin:-3px 0 0 6px !important;
  font-size:25px !important;
}

/* footer body */
 
.footerwrap {
  background-color:#000;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
}
.footerwrap,.footerwrap a,.footergrd p {
  text-decoration:none;
  color:#444;
}
.footerwrap {
  width:100%;
  margin:0 auto !important;
  padding-bottom:20px;
  font-size:small;
  font-family:'Open Sans',Helvetica,Arial,sans-serif;
  text-align:left;
  color:#aaa;
  position:relative;
  z-index:20;
}

/* footer 3 kolom */
 
.footergrd {
  margin:auto;
  width:1000px;
  padding-bottom:3px;
  padding-top:20px;
}
.footergrd-m1 {
  float:left;
  width:22px;
  height:1px;
}
.footergrd-c1 {
  float:left;
  width:11% !important;
  margin-left:20px;
}
.footergrd-m2 {
  float:left;
  width:20px;
  height:1px;
}
.footergrd-c2 {
  float:left;
  width:34% !important;
}
.footergrd-m3 {
  float:left;
  width:20px;
  height:1px;
}
.footergrd-c3 {
  float:left;
  width:46% !important;
  overflow:hidden;
  margin-right:2px;
}
.footergrd-2coll {
  float:left;
  width:47%;
  margin-right:10px;
}
nav ul.menu-3 li {
  padding:2px 0 !important;
  margin:0 !important;
  border-bottom:1px solid rgba(100,100,100,0.1);
}
nav ul.menu-3 li a {
  background-position:0 0;
  background-repeat:no-repeat;
  margin:0;
  padding:0 22px 12px 21px;
  line-height:16px;
  text-decoration:none;
}
nav ul.menu-3 li.blogger a {
  background-image:url(http://1.bp.blogspot.com/-91RS5_ffm5w/UKlO06NoPMI/AAAAAAAACnE/Qd6lbO7xtRc/s1600/blogger.png);
}
nav ul.menu-3 li.g-site a {
  background-image:url(http://4.bp.blogspot.com/-GWQHLWtWpoc/UKlO3AoigFI/AAAAAAAACnQ/bX-LqZJT614/s16/google+site.ico);
}
nav ul.menu-3 li.disqus a {
  background-image:url(http://1.bp.blogspot.com/-bZcvkMEhaqk/UKlO2NGsgaI/AAAAAAAACnI/W-DTce0MLeE/s1600/disqus.ico);
}
nav ul.menu-3 li.w3c a {
  background-image:url(http://2.bp.blogspot.com/-MtI_M1wlr64/UKlO3-8PYdI/AAAAAAAACnc/-sIvq9_mjfs/s1600/w3c.ico);
}
.bawah-2kolomfooter li {
  background-position:0 8px;
  background-repeat:no-repeat;
  margin:0;
  padding:4px 12px 5px 1px!important;
  line-height:16px;
  text-decoration:none;
  background-image:none;
}
.bawah-2kolomfooter li:before {
  content:"\2234";
  padding-right:7px;
}
h5.data-title {
  height:30px;
  font-size:20px;
  text-transform:uppercase;
}
.profil-dep-home u {
  font-weight:bold !important;
}
.fott-bottom-m1 {
  float:left;
  width:22px;
  height:1px;
}
.bx201 {
  padding-top:29px;
}
footer.footerwrap article.footergrd li {
  padding:2px 1px;
  list-style:none!important;
  border-bottom:1px solid rgba(100,100,100,0.1);
}
.footerwrap h1 {
  font-size:28px;
  text-transform:uppercase;
  font-family:'Open Sans','Bebas Neue','Arial Narrow',Arial,sans-serif;
  line-height:20px;
}
.footerwrap .sharing div {
  float:left !important;
  display:inline;
}
.footergrd-c3 li span.one-1 {
  width:110px !important;
}
.footergrd-c3 li span.two-2 {
  padding-left:10px;
}
.footergrd-c3 li span.one-1:before {
  content:"\25BA";
}
.profil-image-home {
  width:28%;
  position:relative;
  overflow:hidden;
  float:left;
  margin:10px 0 ;
  padding-bottom:40px;
}
.profil-image-home img {
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
}
a.fb,a.twitter,a.google-plus {
  border:#222 solid 4px;
  border-radius:160px;
  border-radius:50px;
  transition:all 0.2s ease-out;
}
.profil-image-icon img:hover {
  opacity:0.9;
}
img.profile-img {
  width:80px !important;
  height:80px !important;
  margin:9px 10px 0 2px;
  float:left !important;
}
.profil-dep-home {
  margin:10px 0;
  width:72%;
  float:left;
}
.profil-dep-home p {
  line-height:16px;
  padding-bottom:1px !important;
}
a.fb {
  background-image:url(http://2.bp.blogspot.com/-gGyLFDpTAG4/UKgBFb24VPI/AAAAAAAACe0/x7vo9wMwP-4/s21/Facebook.png);
  background-repeat:no-repeat;
  background-position:top center;
  width:21px;
  height:21px;
  position:absolute;
  top:4px;
  right:14px;
}
a.twitter {
  background-image:url(http://1.bp.blogspot.com/-W1C5CNCIGtc/UKgA_IytK2I/AAAAAAAACes/tjKwcXhViRg/s18/Twitter.png);
  background-repeat:no-repeat;
  background-position:top center;
  width:18px;
  height:18px;
  position:absolute;
  top:36px;
  right:7px;
}
a.google-plus {
  background-image:url(http://2.bp.blogspot.com/-iaJKUDvwrFE/UKgA2JPMZTI/AAAAAAAACek/gkd5aEkKUTk/s16/GooglePlus.png);
  background-repeat:no-repeat;
  background-position:top center;
  width:18px;
  height:18px;
  position:absolute;
  top:65px;
  right:17px;
}
a.fb:hover {
  border:4px solid #5e83cf !important;
  box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
}
a.twitter:hover {
  border:4px solid #45c6e3 !important;
  box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
}
a.google-plus:hover {
  border:4px solid #e36347 !important;
  box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
}

/* #navmenu footer fixed */
 
.fotter-fixed {
  position:fixed;
  bottom:-28px;
  overflow:hidden;
  left:0;
  right:0;

}
#bottom-nav {
  position:relative!important;
  height:190px;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  color:#888;
  display:none;
}
.Hidde-bottom-nav {
  background:#000;
  position:relative!important;
  z-index:1000;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
}
#bottom-nav h5 {
  text-transform:uppercase;
  margin:0 0 10px 0;
}
#bottom-nav small {
  font-size:10px;
}
#bottom-nav small a {
  color:#888 !important;
}
.open-bottom-nav {
  margin:-2px 0 0 0;
  cursor:pointer;
}
nav#navmenu {
  position:relative!important;
  overflow:hidden!important;
  bottom:0;
  left:0;
  right:0;
  border-top:1px solid rgba(122,122,122,0.3);
  width:100%;
  height:25px;
  z-index:1040;
  color:#777;
  text-decoration:none;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  background:#050505;
  border:1px solid rgba(0,0,0,0.9);
}
nav#navmenu ul {
  position:relative!important;
  overflow:hidden;
  bottom:0;
  margin:5px 0 0 0;
  left:5px;
  width:1800px !important;
  float:left;
  clear:both;
  z-index:1000;
  font-size:11px;
  color:#f1f1f1;
  text-align:center;
  text-transform:uppercase;
  list-style:none;
  padding-left:10px;

}
nav#navmenu ul li {
  float:left;
  margin:0 0 0 7px;
}
nav#navmenu ul,#navmenu ul a,nav#navmenu ul li a,nav#navmenu ul li a:visited,nav#navmenu ul:visited {
  display:block;
  font-size:10px;
  text-decoration:none;
  color:#f1f1f1 !important;
}
nav#navmenu ul li a:active {
  text-decoration:line-through;
}

nav#navmenu img {
  padding-top:1px;
}
nav#navmenu ul li.comment-icon a:hover,nav#navmenu ul .archive-icon a:hover {
  color:#777 !important;
}
nav#navmenu ul .archive-icon a,nav#navmenu ul li.comment-icon a {
  cursor:pointer;
}
nav#navmenu ul .archive-icon a b,nav#navmenu ul li.comment-icon a b {
  font-size:90%;
  font-weight:normal !important;
  color:#ff0000;
}
nav#navmenu ul li.comment-icon a b {
  color:#98FF06 !important;
  text-decoration:blink !important;
}

/* #navmenu brcum */
 
nav#navmenu ul li .clock-icon,nav#navmenu ul li .author-icon,nav#navmenu ul li .title-icon,nav#navmenu .comment-icon,nav#navmenu .archive-icon {
  float:left;
  height:12px;
  padding:2px 0 5px 16px;
  font:bold 10px/8px 'Open Sans',arial narrow,arial,sans serif !important;
  background-position:left top;
  background-repeat:no-repeat;
}
nav#navmenu ul li .author-icon {
  background-image:url(http://1.bp.blogspot.com/-UcHBX3osGlE/UK6D_KblQGI/AAAAAAAACrU/TmIQ1sNh8KY/s1600/smille.png);
}
nav#navmenu ul li .clock-icon {
  background-image:url(http://3.bp.blogspot.com/-JS2Q3IivKBI/UK6EI_tlkqI/AAAAAAAACrc/3UpZ6E6FPqc/s1600/kelender.png);
}
nav#navmenu ul li .title-icon {
  background-image:url(http://3.bp.blogspot.com/-aqE_OeZA55o/UK6ESIApLcI/AAAAAAAACrk/taWbdHniC64/s1600/patuih.png);
}
nav#navmenu ul .comment-icon {
  background-image:url(http://4.bp.blogspot.com/-0MlI4Em00qc/UK6EZ7PlyqI/AAAAAAAACrs/YGsKxFljCu4/s1600/comm.png);
}
nav#navmenu ul .archive-icon {
  background-image:url(http://2.bp.blogspot.com/-skgNXmuXhPI/UK6EjH3ME9I/AAAAAAAACr0/ykb_fBDQBFU/s1600/arsip.png);
}
nav#navmenu ul li.logos-icon,nav#navmenu ul li .backtotop-icon,nav#navmenu ul li .home-icon,nav#navmenu ul li .rss-icon,nav#navmenu ul li .about-icon,nav#navmenu ul li .contact-icon,nav#navmenu ul li .google-icon,nav#navmenu ul li .facebook-icon,nav#navmenu ul li .follow-icon {
  width:12px;
  height:12px;
  background-position:left top;
  background-repeat:no-repeat;
}

/* nav#navmenu icon */
 	
	nav#navmenu ul li.logos-icon {
  background-image:url(http://2.bp.blogspot.com/-TdOtzoK6__8/UK6EsffihpI/AAAAAAAACr8/qIzUySuntpM/s1600/logo-text.png);
  width:190px !important;
  height:13px !important;
}
nav#navmenu ul li .backtotop-icon {
  background-image:url(http://3.bp.blogspot.com/-jGpPp_fqK14/UK6E1UgkNfI/AAAAAAAACsE/s2HVxlRXF6U/s1600/top-icon.png);
}
nav#navmenu ul li .home-icon {
  background-image:url(http://4.bp.blogspot.com/-gzEt7tAQDDA/UK6E_DHvzKI/AAAAAAAACsM/Rtn52fLH9AM/s1600/home-icon.png);
}
nav#navmenu ul li .rss-icon {
  background-image:url(http://4.bp.blogspot.com/-G7KapWQApBc/UK6FHdwbkiI/AAAAAAAACsU/8nW561fnBe4/s1600/rss.png);
}
nav#navmenu ul li .contact-icon {
  background-image:url(http://1.bp.blogspot.com/-MNTK1z1NzxY/UK6FP-X6JlI/AAAAAAAACsc/RBO7W8JRW24/s1600/mail.png);
}
nav#navmenu ul li .about-icon {
  background-image:url(http://1.bp.blogspot.com/-xItPNnIYnik/UK6Fak1qpBI/AAAAAAAACsk/oetlPdkJpbE/s1600/seru.png);
}
nav#navmenu ul li .google-icon {
  background-image:url(http://4.bp.blogspot.com/-QLbBUZS3zxw/UK6FlIyFtqI/AAAAAAAACss/Je8q3hqsZs4/s1600/g-plus.png);
}
nav#navmenu ul li .facebook-icon {
  background-image:url(http://2.bp.blogspot.com/-PpDodbPT81I/UK6Ftk06TQI/AAAAAAAACs0/7YgHH0lhhwA/s1600/fb-icon.png);
}
nav#navmenu ul li .follow-icon {
  background-image:url(http://3.bp.blogspot.com/-0PDFe69KiUw/UK6F0yHAXAI/AAAAAAAACs8/2OIU9w8MqWY/s1600/love.png);
}
.searchform {
  height:50px;
  overflow:hidden;
  margin:0 auto;
}
.s {
  border:0;
  padding:0 10px;
  width:70%;
  height:3em;
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.searchsubmit {
  float:left;
  padding:0;
  border:0;
  width:30%;
  height:3em;
  cursor:pointer;
  text-transform:uppercase;
  color:#000;
  background:#424242;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.searchsubmit:hover {
  color:#fff;
}
.bottom-nav-grid {
  width:800px;
  overflow:hidden;
  padding-top:20px;
  margin:0 auto;
}
.bottom-nav-grid .left-grid,.bottom-nav-grid .right-grid {
  margin:0 0 0.5em 3.5%;
  float:left;
  display:inline;
  overflow:hidden;
  word-wrap:break-word;
  min-height:1px;
}
.bottom-nav-grid .left-grid {
  width:76.5%;
}
.bottom-nav-grid .right-grid {
  width:20%;
}
.bottom-nav-grid .left-grid:first-child,.bottom-nav-grid .right-grid:first-child {
  margin-left:0;
}
#bawahbana {
  display:none;
  background-color:rgba(0,0,0,0.1);
  background-image:url(http://3.bp.blogspot.com/-1Rd8nOqEEhQ/TrGk1gRW6GI/AAAAAAAAGRc/beZFlG5Vroo/s1600/h3.png);
  background-repeat:repeat-x;
  background-position:top center;
  border-top:1px solid #111;
  -webkit-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
}
#bawahbana p {
  position:relative;
  width:1000px;
  margin:0 auto;
  z-index:999;
  line-hegiht:0.9em;
  padding:14px 0;
  font-weight:blod;
  font-size:11px;;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  color:#444;
  text-align:center;
}
#bawahbana p a {
  color:#444;
  text-decoration:underline;
}
#footer-wrapper {
  margin:0 auto;
}
.footer-201 {
  font:11px arial,sans serif;
  color:#222;
  margin-top:25px;
}
.footer-201 a {
  color:#222 !important;
  font-size:13px;;
  font-weight:blod;
  border:none !important;
  text-decoration:underline !important;
}
#bg5 {
  background:none;
}

/* loading */
 
div#loading {
  position:fixed !important;
  position:absolute;
  
/* IE6 Fallback */
    top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  background-image:url(http://3.bp.blogspot.com/-RUFxrEdutEU/T8yrivv4OII/AAAAAAAABdM/EPkKE2T78H4/s150/load.png);
  background-color:#050505 !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  display:none;
  z-index:99999;
}

/* disqus-body */
 
#disqus_thread {
  margin:0 auto;
  clear:both;
  width:86%;
  height:86%;
  font-family:'Open Sans',arial,sans serif !important;
  color:#141414;
  text-shadow:none !important;
}
#dsq-content .dsq-moderator .dsq-comment-header a:link:before {
  content:"\2729" !important;
  position:absolute !important;
  margin:-0px 0 0 -17px !important;
  font-size:16px !important;
}
#dsq-content .dsq-moderator .dsq-comment-header a:link {
  margin-left:20px !important;
}
.dsq-comment-footer li a:before {
  content:"\00bb" !important;
  position:absolute !important;
  margin:-0px 0 0 -10px !important;
  font-size:14px !important;
  color:#333;
}
#disqus_thread .dsq-comment-message:after {
  counter-increment:number;
  content:counter(number,decimal-leading-zero);
  display:block;
  width:200px !important;
  height:40px !important;
  text-align:center;
  font:normal 45px 'open sans',arial,sans Serif!important;
  color:#ddd;
  position:absolute;
  top:20px;
  left:-35px !important;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
}

/* lightbox */
 
.box,.daf-menu {
  position:fixed;
  top:-800px;
  border:1px solid #090909;
  width:860px;
  left:16.5%;
  right:16.5%;
  border-radius:10px;
  color:#7F7F7F;
  padding:1px;
  z-index:999;
}
.box2 {
  position:relative;
  display:block;
  width:100%;
  overflow:auto;
  overflow-x:hidden;
  background-color:#f5f5f5 !important;
  height:380px;
}
.box3,.box1 {
  display:block;
  background:#050505 url(http://1.bp.blogspot.com/-bxE6T6AIoj0/UK6F99IdAPI/AAAAAAAACtE/jaA9SMU1d-E/s1600/bg-gradient.png) !important;
  background-position:center left !important;
  background-repeat:repeat-x !important;
  padding:10px;
  text-transform:uppercase;
  text-align:left;
}
.box3 a,.box1 a {
  color:#fff;
  font-size:18px !important;
  font-weight:500 !important;
  text-shadow:0 -1px 0 #222 !important;
  font-family:"Helvetica Neue",arial,sans-serif !important;
}
a.boxclose,a.daf-menu-close {
  cursor:pointer;
  display:block;
  width:77px !important;
  height:19px !important;
  background-image:url(http://2.bp.blogspot.com/-4x2zjUvYn0I/UK6GEurVJJI/AAAAAAAACtM/LJ-bIFJ9-g4/s1600/tutup.png) !important;
  -webkit-box-shadow:none !important;
  border-radius:none !important;
  -webkit-border-radius:none !important;
  -moz-border-radius:none !important;
}
.daf-menu .box2 {
  background:#000 !important;
}

/* site-map */
.daf-menu #s-map {
  margin:0 20px;
  background-image:url(http://3.bp.blogspot.com/-4s27umJzbPY/UK6GM4udunI/AAAAAAAACtU/fP_MJAUWuhA/s1600/line-4.png);
  background-repeat:repeat-y;
  background-position:top left;
  text-align:left !important;
}
.daf-menu #s-map p a {
  font-family:Homenaje,arial narrow,arial,helvetica,sans serif;
  font-size:29px;
  color:#565656 !important;
  padding:3px 5px;
  font-weight:bold !important;
  margin:4px 0 5px17px !important;
}
.daf-menu #s-map a {
  text-decoration:none;
}
.daf-menu #s-map ul {
  margin:0 auto;
  padding:0;
}
.daf-menu #s-map ul li {
  border-left:1px solid #151515;
  border-bottom:1px solid #151515;
  color:#444;
  font-family:Arial;
  font-size:23px;
  line-height:0.8em;
  font-style:italic;
  list-style:decimal inside url(http://1.bp.blogspot.com/-tS1nXdQt4NA/UK6GUUwP2AI/AAAAAAAACtc/npD0XW04Mdg/s1600/00-line.png);
  margin:0 0 12px 25px !important;
  padding:0 0 12px 0 !important;
}
.daf-menu #s-map li a {
  text-decoration:none;
  color:#353535;
  display:block;
  line-height:1em;
  padding:0 0 0 60px;
}
.daf-menu #s-map li a:visited {
  text-decoration:line-through !important;
}
.daf-menu #s-map li a:hover {
  text-decoration:none;
  color:#f1f1f1;
}
.overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background-color:rgba(0,0,0,0.9);
  background-image:url(http://3.bp.blogspot.com/-59JVqBEq6rc/UK6Gb5r8bmI/AAAAAAAACtk/nMrAQ1I54kc/s1600/dot.png);
}
